.introduce_bg{height:880px;background: url(../img/20220518161631_1093090908.png)no-repeat center bottom;}
.introduce{display: flex;justify-content: space-between;position: relative;}

.introduce_text{width:785px;}
.introduce_title{text-align: left;padding: 70px 0 0px 0 !important;}
.introduce_title span{display: block;margin: 6px 0 0px 0;font-size: 18px;color: #999;}
.introduce_title span:after{content:"";display: block;width:785px;height:1px;margin: 36px 0 27px 0;background: #eee;}
.introduce_text_p p{margin-top: 15px;padding-left: 35px;background: url(../img/20220518161125_1653011903.png)no-repeat left 10px; font-size: 16px;line-height: 40px;color:#666;}
.introduce_text div:last-child{margin-top: 50px;}

.introduce_data li{width:160px;text-align: center;position: absolute;}
.introduce_data li img{width: 100%; border: 3px solid #fff; border-radius: 50%; margin-bottom: 10px; box-shadow: 0 0 20px #666;}
.introduce_data li:nth-child(1){top:88px;right: 240px;}
.introduce_data li:nth-child(2){top:280px;right: 50px;}
.introduce_data li:nth-child(3){top:380px;right: 460px;}
.introduce_data li:nth-child(4){top:580px;right: 230px;}
.introduce_data b{display: block;padding:125px 0 5px 0; font-size: 50px;color:#008cd6;}
.introduce_data p{font-size: 16px;color:#666;}
.introduce_data span{font-size: 12px;color:#999;text-transform: none;}

.introduce_video{width:80px;height:80px;background: #23b3ff url(../img/20220412113917_541381619.png)no-repeat center;border-radius: 100%; position: absolute;top:635px;left: 310px;box-shadow: 0 0 0 0 #23b3ff;animation: ripple 3s infinite;}
.introduce_video:before,.introduce_video:after{content: "";display: block;width: 80px;height: 80px;box-shadow: 0 0 0 0 #23b3ff;border-radius: 100%;animation: ripple 3s infinite;position: absolute;right: 0;bottom: 0;}
.introduce_video:before{-webkit-animation-delay: .6s;animation-delay: 0.6s;}
.introduce_video:after{-webkit-animation-delay: .9s;animation-delay: 0.9s;}
.dot{width: 80px;height: 80px;border-radius: 50%;cursor: pointer;position: relative;z-index:5;}
@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(237, 107, 27, .0);

                box-shadow: 0 0 0 40px rgba(237, 107, 27, .0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
                box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
    }
}


.prod_bg{height:1430px;background:#f8f8f8;}

.prod_sort{height:60px;line-height: 60px;}
.prod_sort ul{display: flex;}
.prod_sort li{width: 32%;height: 60px;background: #333;position: relative;overflow: hidden;}
.prod_sort li:first-child{border-radius: 50px 0 0 50px;}
.prod_sort li:last-child{border-radius:0 50px 50px 0;}
.prod_sort li.on{border:none;}
.prod_sort li:before{content:'';display:block;width:0%;height: 62px;background: #008cd6;position: absolute;transition: all 0.3s;}
.prod_sort li.on:before{width: 100%;}
.prod_sort li+li{margin-left:40px;}
.prod_sort a{display: block;text-align: center;font-size: 18px;color: #fff;position: relative;z-index: 2;transition: all 0.3s;}

.prod_img{margin-top: 40px;}
.prod_img .divproduct_new_div{display: flex;flex-wrap: wrap;}
.prod_img .divproduct_new_div_item{display: flex;flex-direction: column;align-items: center;width: 440px;height: 510px;margin:0 40px 40px 0;position: relative;}
.prod_img .divproduct_new_div_item:after{content:'';display:block;width:440px;height:330px;background:#f8f8f8;border-radius:20px;position: absolute;bottom: 0px;box-shadow: 0px 0px 13.5px 1.5px rgba(102, 102, 102, 0.15);}
.prod_img .divproduct_new_div_item_content{width: 360px;margin: auto;text-align: center;position: absolute;bottom:23px;z-index: 2;}
.prod_img .divproduct_new_div_item_a{display: block;margin-bottom:10px;font-size: 16px;color: #333;transition: all 0.3s;}
.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_a{font-size: 18px;color: #008cd6;}
.prod_img .divproduct_new_div_item_body{font-size: 14px;line-height: 30px;color: #999;}
.prod_img .divproduct_new_div_item:nth-child(3n){margin-right:0px;}
.prod_img .product_div_item_pic{position: relative;z-index: 2;}
.prod_img .product_div_item_pic a{display: block;overflow: hidden;}
.prod_img .product_div_item_image{width:360px;height:360px;transition: all 0.3s;}
.prod_img .divproduct_new_div_item:hover .product_div_item_image{transform: scale(1.2);}



.trait_bg{height:1075px;background: url(../img/20220518162345_231996337.jpg)no-repeat right bottom;}
.trait_title{padding: 70px 0 70px 0;}
.trait{position: relative;}

.trait_text *{display: block;}
.trait_text_ul{width: 50%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.trait_text_ul ul{width: 48%;height: 225px;}
.trait_text t{font-size: 80px;color:#e5e5e5;line-height: 58px;}
.trait_text b{margin:15px 0 2px 0;font-size:24px;color:#333;font-weight: inherit;}
.trait_text p{font-size:15px;color:#666;line-height:30px;}

.trait_img{display: flex;align-items: center;justify-content: center;width:692px;height:692px;position: absolute;top: 0;right: 0;}
.trait_img:before{content: "";display: block;width:692px;height:692px;background: url(../img/20220518162316_1833227171.png)no-repeat center;position: absolute; -webkit-transform: rotate(360deg);animation: rotation 5s linear infinite;-moz-animation: rotation 5s linear infinite;-webkit-animation: rotation 5s linear infinite;-o-animation: rotation 5s linear infinite;}
.trait_img p{display: flex;align-items: center;justify-content: center;width:553px;height:553px;background: #fff;border-radius: 100%;border:100px #008cd6 solid;}
.trait_img img{display: block;margin-top: -105px;position: relative;z-index: 3;}
 @-webkit-keyframes rotation {
        from {
            -webkit-transform: rotate(0deg);
        }
        to {
            -webkit-transform: rotate(360deg);
        }
    }

.trait_toggle{position: absolute;top: 369px;left: 55px;}
.trait_toggle li{float: left;width: 20px;height: 20px;background: #e5e5e5;border-radius: 100%;font-size: 0;cursor: pointer;}
.trait_toggle li.on{background: #008cd6;}
.trait_toggle li+li{margin-left: 30px;}

.trait_button{width:50px;height:50px;line-height: 50px;margin:150px 0 0 -50px;background: #008cd6;border-radius: 100%;box-shadow: 0 0 0 0 #008cd6;animation: ripple 3s infinite;text-align: center;position: relative;}
.trait_button:before,.trait_button:after{content: "";display: block;width:50px;height:50px;line-height: 50px;border-radius: 100%;box-shadow: 0 0 0 0 #008cd6;animation: ripple 3s infinite;position: absolute;top: 0;left: 0;}
.trait_button:before{-webkit-animation-delay: .6s;animation-delay: 0.6s;}
.trait_button:after{-webkit-animation-delay: .9s;animation-delay: 0.9s;}
.trait_button a{display: block;font-size: 22px;color:#fff;position: relative;z-index: 22;}

.solution_bg{height:895px;background: url(../img/20220518162408_333370168.jpg)no-repeat right top;}
.solution_img *{display: block;}
.solution_img .tempWrap{width: 1400px !important;}
.solution_img li{float: left;width: 331px !important;margin:0 25px 25px 0;border-radius: 20px;overflow: hidden;position: relative;}
.solution_img li:nth-child(4n){margin-right: 0px;}
.solution_img li>a img{width: 100%;height: 480px;transition: all 0.3s;}
.solution_img li:hover>a img{transform: scale(1.2);}
.solution_img p{width: 100%;height: 60px;line-height: 60px;text-align: center;position: absolute;bottom: 0;background:url(../img/20220413114427_629879757.png)no-repeat center;}
.solution_img p a{font-size: 16px;color: #fff;}
.solution_toggle{display: flex;justify-content: center;align-items: center;width: 300px;height: 60px;line-height: 60px;margin:20px auto 0;background: #008cd6;border-radius: 100px;font-size: 0px;}
.solution_toggle li{width: 22px;height: 22px;background: rgb(255 255 255/0.3);border-radius: 100%;float: left;cursor: pointer;}
.solution_toggle li.on{background:#fff;}
.solution_toggle li+li{margin-left:25px;}


.adv_bg{height: 1650px;background:#f5f5f5;}
.adv_wt li{width:48%;position: relative;overflow: hidden;float: left;}
.adv_shu{width:100px;height:100px;line-height:100px;text-align: center;color: #fff;background:#008cd6;font-size:40px;}
.adv_w1{margin-left:4%;margin-top:14px;}
.adv_w1 p{font-size:30px;font-weight:bold;color:#333;}
.adv_w1 span{display: block;color: #ccc;font-size:13px;margin-top:8px;}
.adv_w p{position: relative;padding-left: 24px;font-size:15px;line-height:28px;}
.adv_w p::before {content: "";position: absolute;top: 8px;left: 0px;width: 10px;height: 10px;border-radius: 50%;border: 1px #ccc solid;}
.adv_w p+p{margin-top:15px;}
.adv_wt li:nth-child(2n){float: right;}
.adv_wt li:nth-child(3),.adv_wt li:nth-child(4){margin-top:5%;}


.partner_bg{height:960px;}
.partner *{display:block;}
.partner ul{display: flex;margin-bottom: 25px;}
.partner li{display: flex;flex-direction: column;overflow: hidden;border: 1px #eee solid;border-radius: 20px}
.partner li+li{margin-left:25px;}
.partner li>a{overflow: hidden;}
.partner li>a img{ width: 100%; transition: all 0.3s;} 
.partner li:hover>a img{transform: scale(1.2);}
.partner p{height: 44px;line-height: 44px;background: #eee;text-align: center;position: relative;}
.partner p:after{content:'';display:block;width:0%;height: 44px;background: #008cd6;position: absolute;top: 0;transition: all 0.3s;}
.partner li:hover p:after{width: 100%;}
.partner p a{font-size: 16px;position: relative;z-index: 2;}
.partner li:hover p a{color:#fff;}


.about_bg{height:830px;background: url(../img/20220518162805_1335248122.png)no-repeat top center;}
.about_title{padding: 130px 0 35px 0;}

.about_text{display: flex;flex-direction: column;justify-content: center;width:925px;height:500px;padding-left: 55px;background: #fff;box-shadow: 0px 0px 13.5px 1.5px rgba(102, 102, 102, 0.08);}
.about_text *{display: block;}
.about_text t{font-size: 100px; color:#f5f5f5;line-height: 57px;font-weight: bold;position: relative;z-index: 2;}
.about_text>img{width: 620px;margin-left: -55px;}
.about_text b{margin:7px 0 30px 0;font-size: 30px;color:#333;}
.about_text>p{width: 650px;font-size: 16px;color:#666;line-height: 36px;}
.about_more{
	display: flex;
	justify-content: left;
	margin-top:45px;
}
.about_more .button{
	margin-right: 50px;
}

.about_img{position: absolute;right: 0;top:-50px;border-radius: 100%;animation: animations 2.5s ease-out infinite;    border: 60px #008cd6 solid;}
@keyframes animations{
    0%{ box-shadow: 0 0 0 0 rgba(0, 140, 214);}
    50%{ box-shadow: 0 0 0 30px rgba(0, 140, 214, 0.8);}
    100%{ box-shadow: 0 0 0 60px rgba(0, 140, 214, 0);}
}


.news_bg{height:980px;background: #f5f5f5;}
.news_tab{margin:0 0 50px 0; text-align:center;}
.news_tab li{ display:inline-block; vertical-align:top; background: #fff; box-shadow: 0px 0px 20px #eee; width: 230px; height: 56px; line-height: 56px; text-align: center; border-radius: 30px;}
.news_tab li+li{margin-left:19px;}
.news_tab li a{font-size:18px;display:block;}
.news_tab li.on{color:#fff; background:#008cd6;box-shadow: 0px 0px 10px #ddd;width:230px; height:56px; line-height:56px;}
.news_tab li.on a{color:#fff;}
.news_list{width: 100%;overflow: hidden;}
.news_div{display: flex;justify-content: space-between;}
.news_list .news_div_item{width: 23.65%;display: inline-block;position: relative;height:600px;transition:0.5s; padding:20px; border: 1px #eee solid; background:#fff;}
.news_list .news_div_item_date{position: absolute;top:335px;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;}
.news_list .news_div_item_date::before{position:absolute;content:'';background:url(../img/20220413152258_1451564141.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;}
.news_list .news_div_item_content{position: absolute;top:380px;left: 19px;padding-right: 14px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.news_list .news_div_item_a{font-size: 16px;display: block;margin-bottom: 10px;position:relative;transition:0.3s; font-weight: 	normal;}
.news_list .news_div_item_a::before{position:absolute;content:'查看详情';top:140px;left: 0;width: 175px;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 30px; border:1px #eee solid; font-weight: 100;}
.news_list .news_div_item_a::after{position:absolute;content:'';top: 152px;font-size: 43px;background:url(../img/20220413152258_847792442.png) no-repeat center;width: 18px;height: 14px;left: 130px;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 28px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:260px;display: block;}
.news_list .news_div_item_pic{ border:1px solid #eee;}
.news_list .news_div_item:hover .news_div_item_a{color: #008cd6;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{background: #008cd6;transition:0.5s;padding-left:40px; color:#fff;}
.news_list .news_div_item:hover .news_div_item_a::after{left:170px;transition:0.5s;}